import React from 'react';
import { useTodo } from '../context/TodoContext';
import TodoForm from '../components/TodoForm';
import TodoList from '../components/TodoList';

function PersonalTodos({ navigationContext }) {
  const { getTodosByCategory } = useTodo();
  const personalTodos = getTodosByCategory('personal');
  
  return (
    <div>
      <h2 className="demo3-page-title">个人待办事项</h2>
      <TodoForm category="personal" />
      <TodoList todos={personalTodos} navigationContext={navigationContext} />
    </div>
  );
}

export default PersonalTodos; 